<template>
  <div class="homeview">
    <router-view class="main"></router-view>
    <div class="group_30 align-center justify-around">
      <router-link :to="{ name: 'Home' }"
        ><i class="iconfont icon-home2"></i>首页</router-link
      >
      <router-link :to="{ name: 'askDoctor' }"
        ><i class="iconfont icon-yishengyishengjieshao"></i>问医生</router-link
      >
      <router-link :to="{ name: 'New' }"
        ><i class="iconfont icon-news"></i>消息</router-link
      >
      <router-link :to="{ name: 'Mine' }"
        ><i class="iconfont icon-wode"></i>我的</router-link
      >
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.homeview {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.main {
  flex: 1;
  overflow-y: auto;
}
.group_30 {
  font-size: 16px;
  // position: fixed;
  // bottom: 0px;
  // z-index: 2;
  background-color: #fff;
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: black;
  }
  .router-link-exact-active {
    color: #f7405f;
  }
}
</style>